/**
 * Created by loooom on 2018/12/17.
 */

//tab栏
$(function(){
    //数据自动生成数组
    function strToArr(str){
        return str.split("=");
    }
    //TAB栏实现传入JSON对象更换内容
    //第三组数据
    var data = {
        //日期
        spanJson : ['2018-10-24','2018-08-24','2018-08-24','2018-08-24','2018-08-24','2018-08-24','2018-08-24'],
        //LI中内容
        liJson : ['历史一刻！中国第一维度——鹿晨辉，昨日夺健美黄金联赛冠军 ','健身一年，工资竟翻十倍……你有多努力就有多幸运','当身体出现了这6个症状，就说明你需要运动了！','狂喝奶茶不胖的秘密，原来就在好莱坞女星的手上！','被嘲“排骨男”，他凭“健身冠军”逆袭。','川妹儿健身，2个窍门1年练就火辣翘臀','手比头还大！不枉他一声“梅林二头哥”'],
        //第一行LI中标题
        h1Json : ['性感翘臀是怎么练成的？她说离不开这5点！'],
        //第一行LI中事件
        bJson : ['2018-10-24'],
        //第一行LI中文本
        pJson : ['成为健身教练，或许源于她天生的好动因子。'],
        //第一行中图片
        imgJson : ['picture/tab2.jpg']
    };
    var json = {'span':data.spanJson, 'em':data.liJson, 'h1':data.h1Json,'b':data.bJson,'p':data.pJson,'img':data.imgJson};
    //第二组数据
    var data2 = {
        //日期
        spanJson : strToArr('2018-08-08=2018-05-23=2018-05-22=2018-04-17=2018-04-11=2017-11-10=2017-09-18'),
        //LI中内容
        liJson : strToArr('古德菲力控股（深圳）有限公司西北区2018半年度工作总结会议=THE ONE 2018 | 挤进十强，机会总是留给有准备的人！=斩获三席，2018莱美中国季度培训完美落幕！=【古德菲力】亮相商业地产“金坐标”，智能健身时代触手可及！=携手同行，筑梦未来丨古德菲力2018年度新春答谢会圆满落幕=金狮奖丨古德菲力斩获两大奖项=古德菲力缘何拿到1亿元B轮融资'),
        //第一行LI中标题
        h1Json : ['帅skr人！来自成都的他在2018环球国际健身赛上一健成名'],
        //第一行LI中事件
        bJson : ['2018-08-24'],
        //第一行LI中文本
        pJson : ['帅skr人！来自成都的他在2018环球国际健身赛上一健成名！'],
        //第一行中图片
        imgJson : ['picture/tab1.jpg']
    };
    var json2 = {'span':data2.spanJson, 'em':data2.liJson, 'h1':data2.h1Json,'b':data2.bJson,'p':data2.pJson,'img':data2.imgJson};
    //第一组数据
    var data3 = {
        //日期
        spanJson : strToArr('2018-09-01=2018-08-08=2018-07-25=2018-05-15=2018-05-09=2018-05-08=2018-04-23'),
        //LI中内容
        liJson : strToArr('9/27-9/28 耐克盛典深圳站·古德菲力 待你蓄势出发=艇进不凡 | 邀请函不是嘴上说说就好！要！有！料！2018-=古德菲力爱心行动——“六一捐书计划”落幕=投票进行时！为你的漂亮妈妈打call=《这！就是街舞》没看够？这里有现场版的!=母亲节大礼已准备，见证你P图技术的时刻到了！=成都+重庆，百人团购火热启幕！错过今年，再等一年！'),
        //第一行LI中标题
        h1Json : [' 【深圳站报名入口】9月29日中国健身美臀大赛/榜样大赛，赢得属于你的荣耀！'],
        //第一行LI中事件
        bJson : [' 2018-09-01'],
        //第一行LI中文本
        pJson : ['5000现金大奖等你拿！'],
        //第一行中图片
        imgJson : ['picture/tab.jpg']
    };
    var json3 = {'span':data3.spanJson, 'em':data3.liJson, 'h1':data3.h1Json,'b':data3.bJson,'p':data3.pJson,'img':data3.imgJson};
    //自动切换内容函数
    function forJson(ele, json){
        //遍历json所有键值对（对应要设置内容的标签）
        for(var key in json){
            //获取ele元素中所有的key对象
            var jsonkey =  $('' + ele + ' ' + key + '')
            //遍历ele元素中的所有key对象
            for(var j in jsonkey){
                if(!isNaN(j)){
                    //如果是图片，单独设置src
                    if(jsonkey[j].nodeName == 'IMG'){
                        jsonkey[j].src = json[key][j];
                    }
                    //其余设置文本内容
                    else {
                        jsonkey[j].innerHTML = json[key][j];
                        console.log(jsonkey[j]);
                        console.log(json[key]);
                    }
                }
            }
        }
    }
    //第一个tab栏点击事件
    $('.news_tab_hd ul li:first').click(function(){
        //切换TAB栏头部状态
        $(this).addClass('tab_current').siblings().removeClass();
        forJson('#tabUl', json3);

    })
    //第二个tab栏点击事件
    $('.news_tab_hd ul li:eq(1)').click(function(){
        //切换TAB栏头部状态
        $(this).addClass('tab_current').siblings().removeClass();
        forJson('#tabUl', json2);

    })
    //第三个tab栏点击事件
    $('.news_tab_hd ul li:last').click(function(){
        //切换TAB栏头部状态
        $(this).addClass('tab_current').siblings().removeClass();
        forJson('#tabUl', json);
    })

    /*
     * 轮播图
     * */
    //自动轮播
    var flag = 0;
    var timer = setInterval(function(){
        if(flag == 3){
            flag = 0;
            $('#news_uu').css('top','0px');
        }
        flag ++;
        $('#news_uu').animate({'top':-flag*imghgt},1000);
    },2000)
    //克隆无缝轮播图
    $('#news_uu li:first').clone().appendTo($('#news_uu'));
    //给小圆点添加轮播事件
    var imghgt = $('#news_uu img').height();
    $('#news_point li').click(function(){
        var index = $(this).index();
        flag = index;
        $('#news_uu').animate({'top':-index*imghgt},100);
    });
    $('#news_point').mouseover(function(){
        clearInterval(timer);//鼠标进入清除自动轮播
        $(this).find('li').addClass('news_roll_current');
    }).mouseout(function(){
        $(this).find('li').removeClass('news_roll_current');
        //鼠标离开继续自动轮播
        timer = setInterval(function(){
            if(flag == 3){
                flag = 0;
                $('#news_uu').css('top','0px');
            }
            flag ++;
            $('#news_uu').animate({'top':-flag*imghgt},1000);
        },2000)
    });
    //跳动小图标
    //北京
    var resbj = function(){
        $('.point_bj img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,resbj)
        })
    };
    resbj();
    $('.point_bj img').mouseover(function(){
        $(this).stop().attr('src','images/bj1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,resbj).attr('src','images/bj.png');
    })
    //天津
    var restj = function(){
        $('.point_tj img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,restj)
        })
    };
    restj();
    $('.point_tj img').mouseover(function(){
        $(this).stop().attr('src','images/tj1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,restj).attr('src','images/tj.png');
    })
    //河北
    var reshb = function(){
        $('.point_hb img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,reshb)
        })
    };
    reshb();
    $('.point_hb img').mouseover(function(){
        $(this).stop().attr('src','images/hb1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,reshb).attr('src','images/hb.png');
    })
    //江苏
    var resjs = function(){
        $('.point_js img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,resjs)
        })
    };
    resjs();
    $('.point_js img').mouseover(function(){
        $(this).stop().attr('src','images/js1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,resjs).attr('src','images/js.png');
    })
    //陕西
    var ressx = function(){
        $('.point_sx img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,ressx)
        })
    };
    ressx();
    $('.point_sx img').mouseover(function(){
        $(this).stop().attr('src','images/sx1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,ressx).attr('src','images/sx.png');
    })
    //四川
    var ressc = function(){
        $('.point_sc img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,ressc)
        })
    };
    ressc();
    $('.point_sc img').mouseover(function(){
        $(this).stop().attr('src','images/sc1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,ressc).attr('src','images/sc.png');
    })
    //广东
    var resgd = function(){
        $('.point_gd img').animate({'width': '88px','height': '88px','opacity':1},1000,function(){
            $(this).animate({'width': '78px','height': '78px','opacity':.6},1000,resgd)
        })
    };
    resgd();
    $('.point_gd img').mouseover(function(){
        $(this).stop().attr('src','images/gd1.png');
    }).mouseout(function(){
        var nowW = $(this).width();
        var time = (nowW - 78)*100;
        $(this).animate({'width':'78px','height':'78px'},time,resgd).attr('src','images/gd.png');
    })

    //主页固定侧栏
    $('#index_sidebar b').each(function(index,ele){
        var posi = index*22;
        $(ele).css('backgroundPositionY', -posi);
    })
});
/*
* 轮播图
* */
$(function () {
    //轮播图
    var flag = 0;
    //探测动画是否结束
    var result = true;
    //小圆点按钮
    $('#point li').click(function () {
        var index = $(this).index();
        flag = index;
        $('#roll li:eq(' + index + ')').stop().fadeIn(1000).siblings().stop().fadeOut(1000);
        $('#point li:eq(' + flag + ')').addClass('current').siblings().removeClass('current');
    })
    //左焦点按钮
    //tmp变量节流阀
    var tmp = true;
    $('#left').click(function () {
        if (tmp) {
            tmp = false;
            var nowflag = $('#roll li:eq(' + flag + ')');
            //改变当前图片位置
            nowflag.stop().animate({'left': '-100px', 'opacity': 0}, 1000);
            flag--;
            flag = flag == -1 ? 4 : flag;
            //在动画结束后恢复移动的位置和透明度
            $('#roll li:eq(' + flag + ')').stop().fadeIn(1000).siblings().fadeOut(1000, function () {
                $('#roll li').css({'left': 0, 'opacity': 1});
                if ($('#roll li').css('opacity') == 1) {
                    tmp = true;
                }

            });
            $('#point li:eq(' + flag + ')').addClass('current').siblings().removeClass('current');
        }
    })
    //右焦点按钮
    $('#right').click(function () {
        if (tmp) {
            flag++;
            flag = flag == 5 ? 0 : flag;
            $('#roll li:eq(' + flag + ')').stop().fadeIn(1000).siblings().stop().fadeOut(1000);
            $('#point li:eq(' + flag + ')').addClass('current').siblings().removeClass('current');
        }
    })
    //自动轮播
    var timer = setInterval(function () {
        $('#right').trigger('click');
    }, 2000)
    //鼠标进入暂停轮播
    $('.sec_rolls_bd').mouseenter(function () {
        clearInterval(timer);
    }).mouseleave(function () {
        timer = setInterval(function () {
            $('#right').trigger('click');
        }, 2000)
    });
    //首页底部小广告
    var timer2 = setTimeout(function(){
        $('#index_tips').animate({'height': '234px'},1000);
        clearTimeout(timer2);
    },1000);
    $('#delete_this').click(function(){
        $('#index_tips').animate({'height': 0},1000);
    });
});

//页面滚动效果
$(function(){
    //右侧返回顶部小按钮
    $(window).scroll(function(){
        if($(document).scrollTop()> 800){
            $('#get_top').fadeIn(1000);
            $('#get_logo').fadeOut(1000);
        };
        if($(document).scrollTop()< 800){
            $('#get_logo').fadeIn(1000);
            $('#get_top').fadeOut(1000);
        };
    })
    $('#get_top').click(function(){
        //$(document).scrollTop(0)
        $('html').animate({scrollTop:0},500);
    })
    //滚动方向
    var flag = 0;
    var flag_sum;
    $(window).scroll(function(){
        var before = $(document).scrollTop();
        var nowTop = parseInt($('#news_roll').css('top'));
        var step = 50;
        $(window).scroll(function(){
            var after = $(document).scrollTop();
            //console.log(after);
            if(after > before && after > 700 && after < 1700){
                var tmp = (after-700)/1000;
                var result = 190-tmp * 190;
                console.log(result);
                $('#news_roll').animate({'top': result+'px'},1000)
            }
            //else if(after > before &&after > 1200 && after < 1800){
            //    $('#news_roll').animate({'top': '20px'},2000)
            //}
        })
    })
})



